import React, { useState } from 'react';
import Team from '../team/index';
import Case from '../case/index';
import Start from '../start/index';
import Process from '../process/index';
import Problem from '../problem/index';
import Problem2 from '../problem/index2';
import WeServe from '../weServe';
import style from './index.module.less';
import icon1 from '@/style/imgs/select/icon1.png';
import icon2 from '@/style/imgs/select/icon2.png';
import icon3 from '@/style/imgs/select/icon3.png';
import doctor from '@/style/imgs/homePage/2_op.png';

const PingguPage = () => {
    const [flowList, setFlowList] = useState([
        {
            title: '快速预审',
            icon: icon1,
            desic:
                '适用于不确定选择哪种服务类型，想尽早了解自己文章的质量与期刊发表潜力的客户。我们会将您的文章发送给专业编辑，专业编辑将从“表达准确性，语句可读性，语句逻辑性，文章结构合理性，数据充分性，研究内容创新性，以及发表在英文科学期刊上的可能性”等方面对文章进行1-5分评分，并推荐最适合您文章的服务种类，将以上内容总结为一个Quick Evaluation Report发送给您。',
            tableTitle: '快速预审服务价目表',
            row1: '1个工作日',
            row2: '￥400',
        },
        {
            title: '编辑前评审',
            icon: icon2,
            desic:
                '适用于想知道自己的文章是否有进一步修改和润色的价值，是否有发表在英文科学期刊上潜力的客户。我们会将您的文章发送给专业编辑，专业编辑将从 “表达准确性，语句可读性，语句逻辑性，文章结构合理性，数据充分性，研究内容创新性，以及发表在英文科学期刊上的可能性”等方面对文章进行1-5分评分。然后，编辑会根据文章的水准推荐润色服务种类，并对稿件进行简单的评价和总结。编辑会将以上所有内容总结为一个Pre-editing Evaluation Report发送给您。',
            tableTitle: '编辑前评审服务价目表',
            row1: '3个工作日',
            row2: '￥700',
        },
        {
            title: '专业学术评审',
            icon: icon1,
            desic:
                '此服务可使您的文章获得同领域专家的评审意见和建议，让您的文章在投稿之前得到进一步改进， 从而提高稿件被接收的几率。万方寰宇的专家团队在不同的领域已有多年的审稿经验， 从而可以从审稿人的角度对文章的不同方面做出评价，具体包括但不限于：对文章整体的学术质量进行评价， 并提供可以提高学术质量的建议；对文章的创新性和专业领域贡献与影响作出评价；对文章的结构， 标题，摘要，引言，方法，结果，讨论，图表和参考文献等提出可以改进的建议，并指出可能存在的错误； 指出文章中的语言问题和语法错误。',
            tableTitle: '专业学术评审服务价目表',
            row1: '5个工作日',
            row2: '￥2500',
        },
    ]);

    return (
        <>
            {/* 头部介绍 */}
            <div className="switchItem1">
                <div className="content">
                    <div className="desc">
                        <div className={`h1 strong`}>专精医学，更加专业</div>
                        <div className={`h1 strong`}>齐心同行，助力登刊</div>
                        <div className={`h3 strong`}>深入医疗行业、更懂您的文稿</div>
                        <div className={`h3 strong`}>不单是服务者、更想做同行人</div>
                    </div>
                    <div className="banner_img" style={{ marginTop: '2%' }}>
                        <img src={doctor} alt="图片加载失败" />
                    </div>
                </div>
            </div>
            {/* 为什么选择预审评估 */}
            <div className={style.prequalification}>
                <div className={`h2 black ${style.h2}`}>我们的服务 独树一帜</div>
                <div className={style.pre_item}>
                    <div className={`h3 strong ${style.h3}`}>专注医学领域</div>
                    <div className="h4">
                        万方寰宇从入行开始，一直专注于医学领域。数年沉淀、终有成效，我们“身经百战”的医学专业编辑，对医学论文的把控更加娴熟、精准，能够更加快速地抓住稿件优势、理解用户诉求，在此基础上，完成润色赋能服务！
                    </div>
                </div>
                <div className={style.pre_item}>
                    <div className={`h3 strong ${style.h3}`}>深谙期刊特点</div>
                    <div className="h4">
                        助力稿件登刊，是大家的共同目标，为了增加成功率，我们的编辑团队在润色前，就仔细研究上千期刊的稿件风格与审稿习惯，润色时自觉贴合用户需要与稿件需求，规避常见风险的同时，产出更具“个人特色”的文稿。
                    </div>
                </div>
                <div className={style.pre_item}>
                    <div className={`h3 strong ${style.h3}`}>一对一高效服务</div>
                    <div className="h4">
                        我们熟知医疗行业的辛苦，许多用户工作繁忙，没有时间紧盯稿件润色进度，同时又需要尽快登刊。因此我们为每位用户，配备了一对一的贴心服务，及时了解用户反馈、更新稿件进度，提高成稿效率。
                    </div>
                </div>
                <div className={style.pre_item}>
                    <div className={`h3 strong ${style.h3}`}>我们的承诺</div>
                    <div className="h4">
                        SCI论文润色是诸多国际期刊承认的、合法合规的学术服务，但医学领域具有一定特殊性。为了省去不必要的麻烦，我们在此郑重承诺，严格履行保密协议，未经允许不透露客户的个人信息、论文内容及沟通细节，更不会用此宣传、营销我方的产品及各项服务，始终保护您的权益。
                    </div>
                </div>
            </div>
            <WeServe />
            {/* 预审评估选择 */}
            {/* <div className={style.select_body}>
      <div className={`h2 black ${style.h2}`}>预审评估选择</div>
      <div className={style.select_content}>
        <div className={style.select_item}>
          <img src={icon1} alt="图片加载失败" />
          <div className="h4 black">快速预审</div>
        </div>
        <div className={style.select_item}>
          <img src={icon2} alt="图片加载失败" />
          <div className="h4 black">编辑前评审</div>
        </div>
        <div className={style.select_item}>
          <img src={icon3} alt="图片加载失败" />
          <div className="h4 black">专业学术评审</div>
        </div>
      </div>
    </div> */}
            {/* 流程介绍 */}
            {/* <div className={style.select_flow}>
      {flowList.map((item: any, index: number) => {
        return <div className={style.flow_item} key={index}>
          <div className={style.flow_header}>
            <img src={item.icon} alt="图片加载失败" />
            <span>{item.title}</span>
          </div>
          <div className={style.flow_desic}>
            {item.desic}
          </div>
          <div className={style.flow_table}>
            <div className={style.table_title}>{item.tableTitle}</div>
            <ul>
              <li>
                <span>服务周期</span>
                <span>{item.row1}</span>
              </li>
              <li>
                <span>费用</span>
                <span>{item.row2}</span>
              </li>
            </ul>
          </div>
        </div>
      })}
    </div> */}
            {/* 服务流程 */}
            {/* <Process /> */}
            {/* 发表案例 */}
            {/* <Case /> */}
            {/* 客户好评 */}
            <Start />
            {/* 服务质量保证 */}
            {/* <div className={style.assurance_body}>
      <div className={`h2 black ${style.h2}`}>服务质量保证</div>
      <p>经万方寰宇深度润色或终极润色服务修改后的完整稿件可以满足期刊对文章的语言要求。如果投稿期刊的编委或者审稿人指出我们的返稿文件中有具体的语言问题，您可以将原始的审稿意见提交给我们，万方寰宇会负责免费重修这些有问题的句段，直至满足该投稿期刊的语言要求。</p>
      <p>注：润色服务旨在提高文章语言质量，但不保证文章的重复率满足投稿期刊的要求，即可能会造成润色后文章整体重复率的上升或下降。如果客户对文章有重复率方面的顾虑或担忧，请参考我们的查重去重服务。</p>
      <div className={`h2 black ${style.h2}`}>免责声明</div>
      <p>在客户选择某一等级的服务后，万方寰宇编辑经过初始评估可能会提出升级服务的要求，如果客户坚持原服务等级，则万方寰宇不对该文章在审稿过程中被指出的语言问题负责。此外，在万方寰宇润色服务结束后，若客户在润色的最终完整稿件中自行添加或修改文字，或者没有接受万方寰宇编辑对语言的修改与建议，导致文章被投稿期刊指出语言问题，则我们也不负责对该稿件进行免费重修。</p>
    </div> */}
            {/* 编辑团队 */}
            {/* <Team /> */}
            {/* 常见问题 */}
            {/* <Problem /> */}
            <Problem2 />
        </>
    );
};

export default PingguPage;
